;(function(){
    let myChart = echarts.init(document.querySelector('div.box-right3'))

    let option = {
        legend: {
          top: 20,
          textStyle:{
            fontSize: 10,
            color: '#ccc'
          },
        },
        series: [
          {
            type: 'pie',
            radius: [20, 80],
            center: ['50%', '50%'],
            roseType: 'area',
            data: [
              { value: 70, name: '图例一' },
              { value: 40, name: '图例二' },
              { value: 50, name: '图例三' },
              { value: 30, name: '图例四' },
              { value: 20, name: '图例五' },
            ],
            // 显示文字、定位外部、颜色#65b1e9、字体加粗、格式化
            itemStyle:{
                normal:{
                    label:{
                        position: 'outside',
                        textStyle: {
                            color: '#ccc',
                        }
                    }
                }
            }
          }
        ]
      };
    
    myChart.setOption(option)
    
    window.addEventListener('resize',() => {
        myChart.resize()
    })
})()